/* 
    Created on : 2015-10-15, 14:34:16
    Author     : SoChishun <14507247@qq.com>
*/

body, td, th {font-size:12px;}
a{text-decoration: none;}

/* common */
.xsui-hidden { display: none;}
.xsui-text-right { text-align:right;}
.xsui-scrollable { width: 100%; overflow: auto;}
.xsui-a { color:#333; text-decoration: underline; margin-right:5px;}
/* /common */

/* page-header */
.page-header { margin-bottom:5px;}
/* /page-header */

/* xsui-tabs */
.xsui-tabs li { display:inline-block; padding:.3em 3em; border:solid 1px #ddd; margin-left:-10px;}
.xsui-tabs .xsui-icon-only { padding:.3em 1em;}
.xsui-tabs .fa { margin-right:3px;}
/* /xsui-tabs */

/* xsui-form */
form input[type='radio'], form input[type='checkbox']{ margin-right:5px; vertical-align: text-bottom;}
form input[type='text'], form input[type='password']{border:solid 1px #aaa; border-radius: 4px; padding:2px 5px; color:#333; height:17px;}
.xsui-form-field { padding:3px;}
#btn-search-dialog { border-left:none;}
/* /xsui-form */

/* xsui-btn */
.xsui-btn {padding:.3em .8em .4em .6em; border-radius: 5px; display: inline-block;}
.xsui-btn .fa { margin-right:5px; font-size:13px;}
.xsui-btn:hover { font-weight: blod;}
.xsui-icon-only i { margin: 0px; font-size:13px;}
.xsui-icon-right {padding:.3em .6em .4em .8em;}
.xsui-icon-right i {margin-right: 3px; margin-left: 3px;}
/* /xsui-btn */

/* xsui-btn-group */
.xsui-input-group {display:inline-block;}
.xsui-input-group input {border:1px solid #77d5f7; height: 23px; padding:0px 5px;}
.xsui-input-group button { margin:0; height: 23px; vertical-align: bottom;}
.xsui-input-group button i { margin-right:5px;}
.xsui-input-group button.xsui-icon-only i {margin:0;}
/* /xsui-btn-group */

/* xsui-pagination */
.xsui-pagination{ margin-top:10px;}
.xsui-pagination li { display:inline-block;}
.xsui-pagination a, .xsui-pagination span.current { border:solid 1px #CCC; color:#095f8a; padding:.5em .8em; margin-right:5px; }
.xsui-pagination span.current { color:#F00; font-weight: bold;}
.xsui-pagination .disabled { border-color: #ddd; color:#999; cursor: not-allowed;}
.xsui-pagination .pagination-message  { color:#999;}
/* /xsui-pagination */

/* ui-dialog */
.ui-dialog .ui-dialog-buttonset .fa { margin-left:.6em;}
.ui-dialog .ui-dialog-buttonset .ui-button-text { padding:.4em .8em .4em .4em; display:inherit;}
/* /ui-dialog */

/* table */
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}
.xsui-table thead th {white-space: nowrap;}
/* /table */

/* xsui-operate-group */
.xsui-operate-group>li {position: relative;}
.xsui-operate-group ul {display: none; position: absolute; left:-32px; background-color:#f5f5f5; border: solid 1px #CCC; z-index: 99999; white-space: nowrap; padding:5px 0px;}
.xsui-operate-group ul a {color:#0e90d2; padding:4px 20px 4px 10px; display:block;}
.xsui-operate-group ul li:hover { background-color:#0e90d2;}
.xsui-operate-group ul li:hover a {color:#FFF}
.xsui-operate-group a i { margin-right:3px; font-size: 13px;}
/* /xsui-operate-group */

/* table-state */
.xsui-table td.active {background-color:#FFFFDD;}
.xsui-table td.primary {background-color:#e3f2fa; color:#0b76ac}
.xsui-table td.success {background-color:#ECF6EC; color:#5eb95e}
.xsui-table td.warning {background-color:#FDEFE4; color:#f37b1d}
.xsui-table td.danger{background-color:#FAEAE9; color:#dd514c}
.xsui-table td.disabled{color:#999;}
.xsui-primary {color:#0b76ac}
.xsui-success{color:#5eb95e}
.xsui-warning{color:#f37b1d}
.xsui-danger{color:#dd514c}
/* /table-state */

/* table-effect */
.xsui-table-striped tr:nth-child(odd)>td { background-color:#ddd}
.xsui-table-hover tbody tr:hover>td {background-color: #e9e9e9;}
/* /table-effect */

td .thumb { max-width:48px; max-height:48px;}

/* xsui-table-tree */
.xsui-table-tree-l2 .title .prefix { display:inline-block; border-bottom:dotted 1px #AAA; width:2em;}
.xsui-table-tree-l3 .title  .prefix { display:inline-block; border-bottom:dotted 1px #AAA; width:4em;}
.xsui-table-tree .title a { color:#0b76ac;}
/* /xsui-table-tree */

/*========bordered table========*/
.xsui-table-bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.xsui-table-bordered tr {
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.xsui-table-bordered .highlight,
.xsui-table-bordered tr:hover {
    background: #fbf8e9;		
}
.xsui-table-bordered td, 
.xsui-table-bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 2px 3px;
    text-align: left;
}
.xsui-table-bordered th, .xsui-table-bordered .cell-rownumber {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ebf3fc, endColorstr=#dce9f9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ebf3fc, endColorstr=#dce9f9)";
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    padding: 6px 3px;
}
.xsui-table-bordered td:first-child, 
.xsui-table-bordered th:first-child {
    border-left: none;
}
.xsui-table-bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.xsui-table-bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
.xsui-table-bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
.xsui-table-bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/* xsui-table-zebra */
.xsui-table-zebra td, 
.xsui-table-zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.xsui-table-zebra .alternate,
.xsui-table-zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
.xsui-table-zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image: -o-linear-gradient(top, #f5f5f5, #eee);
    background-image: linear-gradient(top, #f5f5f5, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f5f5f5, endColorstr=#eeeeee);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f5f5f5, endColorstr=#eeeeee)";
}
.xsui-table-zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.xsui-table-zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
.xsui-table-zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;
}
.xsui-table-zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
.xsui-table-zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/* /xsui-table-zebra */